<template>
  <div class="trans-common">
    <p class="title">{{ liveData.content }}</p>
    <div class="con">
      <div class="left">
        <!--<img class="image" :src="$store.state.picHead + liveData.cover">-->
        <img class="image" src="">
      </div>
      <div class="right">
        <p class="des">
          <!--{{live.singleNum}}-->
          期
          <span v-if="liveData.stopUpdate">（更新中...）</span>
          <span v-if="!liveData.stopUpdate">（已完结）</span>
        </p>
        <p class="des">价格：￥{{ liveData.price }}</p>
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  export default {
    props: ['liveData'],
    data () {
//      return {
//        liveData: ''
//      }
    },
      mounted () {
//        console.log('before',this.$store.state.tranStore);
//        console.log('before1',this.$store.state.tranStore.order);
//        this.liveData.title = this.$store.state.tranStore.order.name;
//        this.liveData.img= this.$store.state.tranStore.order.cover;
//        this.liveData.date= 1000;
//        this.liveData.price= this.$store.state.tranStore.order.price;
//          console.log('after',this.$store.state.tranStore)
      }
  }
</script>
<style lang="less">
  @font5:0.1333rem;/* 5px */
  @font9:0.24rem;/* 9px */
  @font10:0.2667rem;/* 10px */
  @font12:0.32rem;/* 12px */
  @font16:0.4267rem;/* 16px */
  @font17:0.4533rem;/* 17px */
  @font22:0.5867rem;/* 22px */
  @font50:1.3333rem;/* 50px */
  @font80:2.1333rem;/* 80px */

  *{margin:0;padding:0;}
  .trans-common{
    background:#fff;
    .title{margin-bottom: @font9;line-height: @font22;text-align:left;font-size: @font16;color: #333;font-weight:bold;}
    .con{
      display:flex;justify-content:flex-start;
      .left{
        width: @font80;height: @font80;overflow:hidden;
        .image{min-width: @font50;height: @font80;}
      }
      .right{
        margin-left: @font10;
        .des{margin-bottom: @font5;line-height: @font17;font-size: @font12;color: #666;text-align:left;}
      }
    }
  }
</style>